<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美食美刻-首页</title>
    <link rel="stylesheet" href="css/style.css">

</head>
<body> 
  <div class="top">
          <div class="center top.1">你好，欢迎来到美食美刻网！</div> </div>
   <div class="logo">
   <div class="box1">  
    <img src="imag/美食美刻-首页_03.png" alt="1" class="pic1">
    <div class="info"> 
      <h2>美食美刻</h2>  
  <span>MEISHIMEIKE</span>
  </div>
      <ul class="right">
        <li class="item1"><img src="./imag/美食美刻-首页_06.png">登录</a></li>
        <li class="item1"><img src="./imag/美食美刻-首页_08.png">微博登录</a></li>
        <li class="item1">注册</a></li>
        <li class="item1">登录</a></li>
      </ul>
      <div class="search">
      <input type="text" value="请输入菜谱/食材/菜单">
      <input type="button" value="搜索">
    </div>
</div>
<div class="middle">
  <ul class="box2">
      <li class="item2"><a href="javascript:void(0);">首页</a></li>
          <li class="item2"><a href="javascript:void(0);">菜谱大全</a></li>
          <li class="item2"><a href="javascript:void(0);">饮食健康</a></li>
          <li class="item2"><a href="javascript:void(0);">家居馆</a></li>
          <li class="item2"><a href="javascript:void(0);">美食达人</a></li>
          <li class="item2"><a href="javascript:void(0);">讨论组</a></li>
          <li class="item2"><a href="javascript:void(0);">手机版下载</a></li>
   </ul>
  <h2>hksnsr</h2>
</div>
<div class="foot">
  <div class="f-border">
    <div class="center">
          <div class="f-left">
            <ul >
              <li>中国，最大的菜谱库800,000篇</li>
              <li>每月，用户访问数量20,000,000次</li>
              <li>每年，菜谱被浏览量36,000,000,000次</li>
              <li>现在，这些数字还在不断地增加着，欢迎您一起来使用美食美刻</li>
            </ul>
          </div>
          <di class="f-right">
            <ul>
              <li>
                <a href="#">
                  <img src="./imag/美食美刻-首页_53.png" alt="">
                  <span>点击进入爱美食微博官网</span>
                </a></li>
              <li>
                <a href="#">
                  <img src="./imag/美食美刻-首页_55.png" alt="">
                  <span>点击进入爱美食QQ空间</span>
                </a></li>
              <li>
                <a href="#">
                  <img src="./imag/美食美刻-首页_57.png" alt="">
                  <span>扫描二维码添加爱美食为微信好友</span>
                </a></li>
              <li>
                <a href="#">
                  <img src="./imag/美食美刻-首页_59.png" alt="">
                  <span>扫描二维码添加下载吗爱美食手机客户端</span>
                </a></li>
            </ul>
          </div>
    </div>
  </div>
       
</div>
</body>
</html>